<template>
  <div class="common-layout">
    <div class="left">
        <div>
          <router-link to="/homeList/geoMetry">几何体</router-link>
        </div>
        <div>
          <router-link to="/homeList/axes">坐标轴</router-link>
        </div>
        <div>
          <router-link to="/homeList/group">太阳地球月亮</router-link>
        </div>
        <div>
          <router-link to="/homeList/car">汽车</router-link>
        </div>
        <div>
          <router-link to="/homeList/table">表格</router-link>
        </div>
        <div>
          <router-link to="/homeList/light">光源</router-link>
        </div>
        <div>
          <router-link to="/homeList/light2">光源2</router-link>
        </div>
        <div>
          <router-link to="/homeList/road">马路</router-link>
        </div>
        <div>
          <router-link to="/homeList/texture">贴图</router-link>
        </div>
        <div>
          <router-link to="/homeList/areatexture">全景看房</router-link>
        </div>
        <div>
          <router-link to="/homeList/scenery">景色</router-link>
        </div>
        <div>
          <router-link to="/cardScene">圣诞3D贺卡</router-link>
        </div>
      </div>
      <div class="main">
        <routerView  />
      </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.common-layout{
  display: flex;
}
.left{
  width: 200px;
  border-right: 1px solid #000;
  overflow: auto;
}
.main{
  width: calc(100vw - 200px);
}
</style>
